<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<%
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragrma","no-cache");
response.setDateHeader("Expires",0);
%>
<title>校园失物招领系统</title>

<link rel="stylesheet" type="text/css" href="./css/index.css">
<script type="text/javascript" src="./js/head.js"></script>

<style>
	[v-vloak] {
		display: none;
	}
</style>
</head>
<body>
	<div id="indexVm" style="width: 100%;height: 100%-30px;" oncontextmenu="return false">
		<!-- ==========================================================================top -->
		<div class="top">
			<div class="flex" style="width: 412px;" class="hand" @click="goTo('main')">
				<div class="ml30" style="text-align: center;font-size:26px;" class="hand">校园失物招领系统</div>
			</div>
			<div class="topInfo">
				<div class="mr10">${loginUser.userName}</div>
				<div style="border-right: 2px solid #fff;padding: 0 20px;text-align: center;" >
					<span v-if="${loginUser.type}==0">普通用户</span>
					<span v-else-if="${loginUser.type}==2">管理员</span>
					<span v-else-if="${loginUser.type}==1">超级管理员</span>
					
				</div>
				<div style="border-right: 2px solid #fff;padding: 0 20px;display: flex;justify-content: center;" @click="goTo('person')">
					<div class="mr10 hand">我的帖子</div>
					<div class="hand">消息</div>
				</div>
				<div class="exit" @click="exit">退出</div>
			</div>
		</div>

		<!-- ==========================================================================body -->
		<div style="width: 100%;height: calc(100% - 70px);display: flex;">
			<div style="position: relative;left: 0px;width: 200px;">
				<el-menu
				  id="menu">
			      <el-menu-item index="1" @click="goTo('main')">
			        <i class="el-icon-location"></i>
			        <span slot="title" >首页</span>
			      </el-menu-item>
			      <el-menu-item index="2" @click="goTo('addLost')">
			        <i class="el-icon-edit-outline"></i>
			        <span slot="title">发布寻物贴</span>
			      </el-menu-item>
			      <el-menu-item index="3" @click="goTo('addFound')">
			        <i class="el-icon-edit-outline"></i>
			        <span slot="title">发布招领贴</span>
			      </el-menu-item>
			      <el-menu-item index="4" @click="goTo('addLetter')">
			        <i class="el-icon-edit-outline"></i>
			        <span slot="title">写感谢信</span>
			      </el-menu-item>
			      <el-menu-item index="5" @click="goTo('lost')">
			        <i class="el-icon-document"></i>
			        <span slot="title">浏览寻物贴</span>
			      </el-menu-item>
			      <el-menu-item index="6" @click="goTo('found')">
			        <i class="el-icon-document"></i>
			        <span slot="title">浏览招领帖</span>
			      </el-menu-item>
			      <el-menu-item index="7" @click="goTo('suc')">
			        <i class="el-icon-document"></i>
			        <span slot="title">浏览成功案列</span>
			      </el-menu-item>
			      <el-menu-item index="8" @click="goTo('letter')">
			        <i class="el-icon-document"></i>
			        <span slot="title">浏览感谢信</span>
			      </el-menu-item>
			      <el-menu-item index="9" @click="goTo('person')">
			        <i class="el-icon-setting" ></i>
			        <span slot="title">个人中心</span>
			      </el-menu-item>
			    </el-menu>
			</div>
			<iframe id="iframe" src="./main.jsp"  style="width: calc(100% - 200px);"></iframe><!-- scrolling="no" -->
		</div>
		
		<!-- ==========================================================================end -->
		<!-- <div class="bottom"><span>xxx校园版权所有</span></div> -->
	</div>
</body>

<script type="text/javascript" src="./js/index.js"></script>
<script type="text/javascript">
	var currUserId = ${loginUser.id};
	var currUserCode = '${loginUser.userCode}';
</script>
</html>